.hot-box {
    .hot {
        height: 1.013333rem
            /* 76/75 */
        ;
        padding-left: .2rem /* 15/75 */;
        border: .026667rem
            /* 2/75 */
            solid #c6c6c6;
        background-color: #eeeeee;

        p {
            font-size: .4rem
                /* 30/75 */
            ;
            line-height: .933333rem
                /* 70/75 */
            ;
            color: #5b2f18;
            font-weight: 700;
        }
    }
}

.complete-title {
    li {
        a {
            display: block;
            height: 1.733333rem /* 130/75 */;
            padding: .266667rem /* 20/75 */;
            border-bottom: .026667rem
            /* 2/75 */
            solid #e6e6e6;
            overflow: hidden;
            .title-left {
                height: 1.2rem /* 90/75 */;
                overflow: hidden;
                p {
                    width: .666667rem /* 50/75 */;
                    height: .666667rem /* 50/75 */;
                    background-color: #c9c9c9;
                    font-size: .266667rem /* 20/75 */;
                    line-height: .666667rem /* 50/75 */;
                    text-align: center;
                    margin-right: .266667rem /* 20/75 */;
                    float: left;
                    color: #fff;
                }
                h4 {
                    font-size: .346667rem /* 26/75 */;
                    color: #1b1b1b;
                    float: left;
                    line-height: .666667rem /* 50/75 */;
                }
                .sales {
                    padding-left: .866667rem /* 65/75 */;
                    span {
                        display: block;
                        margin-top: .133333rem /* 10/75 */;
                        font-size: .32rem /* 24/75 */;
                        color: #808790;
                        float: left;
                    }
                }
            }
            .title-right {
                margin-top: .4rem /* 30/75 */;
            }


        }
    }
    .red {
        a {
            .title-left {
                p {
                    background-color: #f10e0e;
                }
            }
        }
    }
    .origin {
        a {
            .title-left {
                p {
                    background-color: #ff9315;
                }
            }
        }
    }
    .green {
        a {
            .title-left {
                p {
                    background-color: #8adf5b;
                }
            }
        }
    }
    .gray {
        a {
            .title-left {
                p {
                    background-color: #c9c9c9;
                }
            }
        }
    }
}

.mm-product {

    // padding: .4rem /* 30/75 */;
    .item {
        display: block;
        width: 100%;
        height: 3.413333rem
            /* 256/75 */
        ;
        border-bottom: .026667rem
            /* 2/75 */
            solid #f1f1f1;
        padding: .266667rem
            /* 20/75 */
            0;

        .pro-left {
            width: 40%;
            height: 100%;
            text-align: center;

            // background-color: green;
            img {
                width: 2.666667rem;
                height: 2.666667rem;
                line-height: 100%;
            }
        }

        .pro-right {
            width: 60%;
            position: relative;

            span {
                font-size: .32rem;
            }

            .out {
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .in {
                color: #ff761a;
            }

            p {
                position: absolute;
                left: 0;
                font-size: .293333rem /* 22/75 */;

                span {
                    font-size: .186667rem
                        /* 14/75 */
                    ;
                }
            }
            .price {
                display: block;
                margin-top: .266667rem /* 20/75 */;
                color: red;
                font-size: .32rem /* 24/75 */;
                height: .666667rem /* 50/75 */;
            }

            .base {
                margin-top: .666667rem
                    /* 50/75 */
                ;

                .right {
                    font-size: .16rem
                        /* 12/75 */
                    ;
                }
            }
        }
    }
}

.comment {
    padding: .266667rem /* 20/75 */;
    .out {
        padding: .4rem /* 30/75 */ .293333rem /* 22/75 */;
        background-color: #f8f8f8;
        border: .026667rem
        /* 2/75 */
        solid #e7e7e7;
        margin-bottom: .266667rem /* 20/75 */;
        .top {
            overflow: hidden;
            height: .693333rem /* 52/75 */;
            font-size: .266667rem /* 20/75 */;
            .fl {
                color: #414400;
            }
            .fr {
                color: #85889c;
            }
        }

        .con {
            p {}
        }
    }
}